﻿.div-code {
    position: relative;
    margin: 0 !important;
    max-width: 800px !important;
}

    .div-code .p-n {
        margin-bottom: 0 !important;
        margin-left: 0px;
    }

    .div-code .p-c {
        margin-bottom: 0 !important;
        margin-left: 15px;
    }

    .div-code .p-len {
        margin-bottom: 0 !important;
        margin-left: 15px;
        width: 200px;
    }

    .div-code .p-a {
        margin-bottom: 0 !important;
        margin-left: 25px;
    }

    .div-code .p-a-a {
        margin-bottom: 0 !important;
        margin-left: 35px;
    }



.pre-code {
    position: relative;
}

    .pre-code .btn-clipboard {
        position: absolute;
        top: .65rem;
        right: .65rem;
        z-index: 10;
        display: block;
        padding: .25rem .5rem;
        font-size: 65%;
        color: #007bff;
        background-color: #fff;
        border: 1px solid;
        border-radius: .25rem;
    }

        .pre-code .btn-clipboard:hover {
            color: #fff;
            background-color: #007bff;
        }

    .pre-code code {
        line-height: 1.8;
        font-size: 0.75rem;
        border: 1px solid #eaeefb;
        border-radius: 4px;
        padding: 10px 65px 10px 16px;
        -webkit-font-smoothing: auto;
        display: block;
        white-space: pre-wrap;
    }

    .pre-code .no-highlight code {
        color: #e83e8c;
    }

.col-width > input {
    width: 99% !important;
}

.col-width > textarea {
    width: 99% !important;
}

.show {
    display: block !important;
}

.hidden {
    display: none !important;
}

.invisible {
    visibility: hidden;
}
